<template>
  <div class="about">
    <h1>This is an about page</h1>
    <ul>
    	<li v-for='item in list' :key='item.id'>
    		<img :src="item.imageUrl">
    	</li>
    </ul>
  </div>
</template>


<script setup>
import { getSliders } from '../api/slider'
let list = ref([]);

onBeforeMount(()=>{

	getSliders().then(res=>{
		list.value = res.data.list;
		console.log( res.data.list );
	})

})

</script>

<style scoped>
img{
	width:100%;
	height: 200px;
}
</style>